<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>订单</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/icons-extra.css" />
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/title.css" />
		<style>
			.mui-card .mui-control-content {
				padding: 10px;
			}
			.mui-control-content {
				height: 440px;
				margin-bottom:30px;
			}
			.mui-bar{
				background-color: #3a3f43;
				height: 50px;
			}
			.buybox{
				height: 36px;
				width: 80px;
				text-align: center;
				line-height: 36px;
				background: #000000;
				color: white;
			}
			.buy-left{
				float: left;
			}
			.buy-right{
				float: left;
			}
			.buy-active{
				background: -webkit-linear-gradient(left,#fbed21,#fab03b);
    			color: #fff;
			}
			.mui-bar .mui-segmented-control{
				top: 0;
			}
			#segmentedControl{
				display: table;
			}
			
			.mui-pull-bottom-wrapper{
				text-align:center;
			}
			.mui-pull-loading{
				color:#fff;
			}
			.mui-bar-nav~.mui-content{
				padding-top: 70px;
			}
			
			.mui-bar-tab .mui-tab-item.mui-active {
			    color: #fbed21;
			}
		</style>
	</head>
	<body>
		<!-- 头部 -->
		<header class="mui-bar mui-bar-nav home_top">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<div id="segmentedControl1" class="mui-segmented-control" style="border: none;border-radius: 20px;">
				<div class="buybox buy-left buy-active" id="buy_type" lang>买入订单</div>
				<div class="buybox buy-right" id="sale_type" lang>卖出订单</div>
			</div>
		</header> 
		
		
		<!--买入订单列表 -->
		<div class="mui-content" id="buy_list">
			<div id="segmentedControl_order" class="mui-segmented-control" style="position: fixed;left: 0px;top:50px;padding: 20px 5% 0 5%;z-index: 999;background: #1a1a1a;">
				<a class="mui-control-item mui-active" href="#item1"><font lang>确认打款</font><!--<span class="mui-badge" style="display:none;top: -12px;"></span>--></a>
				<a class="mui-control-item" href="#item2"><font lang>未完成订单</font></a>
				<a class="mui-control-item" href="#item3"><font lang>已完成订单</font></a>
				<a class="mui-control-item" href="#item4"><font lang>买入记录</font></a>
			</div>
			<div class="mui-slider-group" id="mairu_list">
				
				<div id="item1" class="mui-control-content mui-active">
					<div id="scroll" class="mui-scroll-wrapper">
					<div class="mui-scroll">
					<ul class="mui-table-view">
						<!--
						<p class="order_num">订单号：1231231213131</p>
						<li class="mui-table-view-cell">
							<div>
								<img class="mui-media-object mui-pull-left" src="img/logo.png">
								<div class="mui-media-body" style="margin: 0px;">
									<p>卡卡</p>
									<div class="credit">信任：<span>80%</span></div>
									<div class="credit">收款银行：<span>中国建设银行</span></div>
									<div class="credit mui-ellipsis-2">收款账号：<span>6222333344445555666</span></div>
								</div>
							</div>
							<div class="number_right " style="white-space: nowrap;">
								<span class="transaction_num">交易金额:1000</span>
								<span style="overflow: hidden;">实付金额：850.00RMB</span>
								<span>2018-06-21 12:21:22</span>
								<span class="button mui-pull-right" id="confirm" type="button">确认</span>
							</div>
						</li>
						<p class="order_num">订单号：1231231213131</p>
						<li class="mui-table-view-cell">
							<div>
								<img class="mui-media-object mui-pull-left" src="img/logo.png">
								<div class="mui-media-body">
									<p>卡卡</p>
									<div class="credit">信任：<span>80%</span></div>
									<div class="credit">收款银行：<span>中国建设银行</span></div>
									<div class="credit mui-ellipsis-2">收款账号：<span>6222333344445555666</span></div>
								</div>
							</div>
							<div class="number_right" style="white-space: nowrap;">
								<span class="transaction_num">交易金额:1000</span>
								<span style="overflow: hidden;">实付金额：850.00RMB</span>
								<span>2018-06-21 12:21:22</span>
								<a class="button mui-pull-right" href="pages/order/roll_out.html">确认</a>
							</div>
						</li>-->
					</ul>
				</div>
				</div>
				</div>
				
				<div id="item2" class="mui-control-content">
					<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
					<ul class="mui-table-view">
						<!--
						<p class="order_num">订单号：1231231213131</p>
						<li class="mui-table-view-cell">
							<div>
								<img class="mui-media-object mui-pull-left" src="img/logo.png">
								<div class="mui-media-body">
									<p>卡卡</p>
									<div class="credit">信任：<span>80%</span></div>
									<div class="credit">收款银行：<span>中国建设银行</span></div>
									<div class="credit mui-ellipsis-2">收款账号：<span>6222333344445555666</span></div>
								</div>
							</div>
							<div class="number_right" style="white-space: nowrap;">
								<span class="transaction_num">交易金额:1000</span>
								<span style="overflow: hidden;">实付金额：850.00RMB</span>
								<span>2018-06-21 12:21:22</span>
								<span class="button mui-pull-right" id="cancel">撤单</span>
							</div>
						</li> -->
					</ul>
				</div>
			    </div>
				</div>
				
				<div id="item3" class="mui-control-content">
					<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
					<ul class="mui-table-view">
						<!--
						<p class="order_num">订单号：1231231213131</p>
						<li class="mui-table-view-cell">
							<div>
								<img class="mui-media-object mui-pull-left" src="img/logo.png">
								<div class="mui-media-body">
									<p>卡卡</p>
									<div class="credit">信任：<span>80%</span></div>
									<div class="credit">收款银行：<span>中国建设银行</span></div>
									<div class="credit mui-ellipsis-2">收款账号：<span>6222333344445555666</span></div>
								</div>
							</div>
							<div class="number_right" style="white-space: nowrap;">
								<span class="button mui-pull-right" style="background-color:red;color:#fff;">交易成功</span>
								<span class="transaction_num">交易金额:1000</span>
								<span style="overflow: hidden;">实付金额：850.00RMB</span>
								<span>2018-06-21 12:21:22</span>
							</div>
						</li>-->
					</ul>
					</div>
					</div>
				</div>
				
				<div id="item4" class="mui-control-content">
					<div class="mui-scroll-wrapper">
						<div class="mui-scroll">
					<ul class="saled_title">
						<li>买入金额</li>
						<li>账户余额</li>
						<li>买入时间</li>
					</ul>
					<ul class="saled_list">
						<!--
						<li>
							<span>500</span>
							<span>181.1216</span>
							<span>2018-05-11<br/>12:12:12</span>
						</li>
						<li>
							<span>500</span>
							<span>181.1216</span>
							<span>2018-05-11<br/>12:12:12</span>
						</li>-->
					</ul>
					</div>
					</div>
				</div>
			</div>
		</div>
		
		
		<!--卖出订单列表 -->
		<div class="mui-content" id="sale_list" style="display:none;">
			<div id="segmentedControl_order" class="mui-segmented-control" style="position: fixed;left: 0px;top:50px;padding: 20px 5% 0 5%;z-index: 999;background: #1a1a1a;">
				<a class="mui-control-item mui-active" href="#item11"><font lang>确认收款</font><span class="mui-badge" style="display:none;"></span></a>
				<a class="mui-control-item" href="#item22"><font lang>未完成订单</font></a>
				<a class="mui-control-item" href="#item33"><font lang>已完成订单</font></a>
				<a class="mui-control-item" href="#item44"><font lang>卖出记录</font></a>
			</div>
			<div class="mui-slider-group" id="mairu_list">
				
				<div id="item11" class="mui-control-content mui-active">
					<div id="scroll" class="mui-scroll-wrapper">
					<div class="mui-scroll">
					<ul class="mui-table-view">
						<!--<p class="order_num">订单号：1231231213131</p>
						<li class="mui-table-view-cell">
							<div>
								<img class="mui-media-object mui-pull-left" src="img/logo.png">
								<div class="mui-media-body" style="margin: 0px;">
									<p>卡卡</p>
									<div class="credit">信任：<span>80%</span></div>
									<div class="credit">收款银行：<span>中国建设银行</span></div>
									<div class="credit mui-ellipsis-2">收款账号：<span>6222333344445555666</span></div>
								</div>
							</div>
							<div class="number_right " style="white-space: nowrap;">
								<span class="transaction_num">交易金额:1000</span>
								<span style="overflow: hidden;">实付金额：850.00RMB</span>
								<span>2018-06-21 12:21:22</span>
								<span class="button mui-pull-right" id="confirm" type="button">确认</span>
							</div>
						</li>
						<p class="order_num">订单号：1231231213131</p>
						<li class="mui-table-view-cell">
							<div>
								<img class="mui-media-object mui-pull-left" src="img/logo.png">
								<div class="mui-media-body">
									<p>卡卡</p>
									<div class="credit">信任：<span>80%</span></div>
									<div class="credit">收款银行：<span>中国建设银行</span></div>
									<div class="credit mui-ellipsis-2">收款账号：<span>6222333344445555666</span></div>
								</div>
							</div>
							<div class="number_right" style="white-space: nowrap;">
								<span class="transaction_num">交易金额:1000</span>
								<span style="overflow: hidden;">实付金额：850.00RMB</span>
								<span>2018-06-21 12:21:22</span>
								<a class="button mui-pull-right" href="pages/order/roll_out.html">确认</a>
							</div>
						</li>-->
					</ul>
				</div>
				</div>
				</div>
				
				<div id="item22" class="mui-control-content">
					<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
					<ul class="mui-table-view">
						<!--
						<p class="order_num">订单号：1231231213131</p>
						<li class="mui-table-view-cell">
							<div>
								<img class="mui-media-object mui-pull-left" src="img/logo.png">
								<div class="mui-media-body">
									<p>卡卡</p>
									<div class="credit">信任：<span>80%</span></div>
									<div class="credit">收款银行：<span>中国建设银行</span></div>
									<div class="credit mui-ellipsis-2">收款账号：<span>6222333344445555666</span></div>
								</div>
							</div>
							<div class="number_right" style="white-space: nowrap;">
								<span class="transaction_num">交易金额:1000</span>
								<span style="overflow: hidden;">实付金额：850.00RMB</span>
								<span>2018-06-21 12:21:22</span>
								<span class="button mui-pull-right" id="cancel">撤单</span>
							</div>
						</li> -->
					</ul>
				</div>
			    </div>
				</div>
				
				<div id="item33" class="mui-control-content">
					<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
					<ul class="mui-table-view">
						<!--
						<p class="order_num">订单号：1231231213131</p>
						<li class="mui-table-view-cell">
							<div>
								<img class="mui-media-object mui-pull-left" src="img/logo.png">
								<div class="mui-media-body">
									<p>卡卡</p>
									<div class="credit">信任：<span>80%</span></div>
									<div class="credit">收款银行：<span>中国建设银行</span></div>
									<div class="credit mui-ellipsis-2">收款账号：<span>6222333344445555666</span></div>
								</div>
							</div>
							<div class="number_right" style="white-space: nowrap;">
								<span class="button mui-pull-right" style="background-color:red;color:#fff;">交易成功</span>
								<span class="transaction_num">交易金额:1000</span>
								<span style="overflow: hidden;">实付金额：850.00RMB</span>
								<span>2018-06-21 12:21:22</span>
							</div>
						</li>-->
					</ul>
					</div>
					</div>
				</div>
				
				<div id="item44" class="mui-control-content">
					<div class="mui-scroll-wrapper">
						<div class="mui-scroll">
					<ul class="saled_title">
						<li>卖出金额</li>
						<li>账户余额</li>
						<li>卖出时间</li>
					</ul>
					<ul class="saled_list">
						<!--
						<li>
							<span>500</span>
							<span>181.1216</span>
							<span>2018-05-11<br/>12:12:12</span>
						</li>
						<li>
							<span>500</span>
							<span>181.1216</span>
							<span>2018-05-11<br/>12:12:12</span>
						</li> -->
					</ul>
					</div>
					</div>
				</div>
			</div>
		</div>
		

		<script src="lang/index.js"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/config.js"></script>
		<script src="js/common.js"></script>
		<script src="js/sockjs.js"></script>
		<script src="js/mui.pullToRefresh.js"></script>
		<script src="js/mui.pullToRefresh.material.js"></script>
		<script src="js/jquery-1.7.2.min.js"></script>
		<script src="resource/order/order.js"></script>
		
	</body>
	
</html>